﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css" />
	<script src="lib/layui/layui.js" type="text/javascript"></script>
	<style type="text/css">
		.container{
			width: 420px;
			height: 320px;
			min-height: 320px;
			max-height: 320px;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			padding: 20px;
			z-index: 130;
			border-radius: 8px;
			background-color: #fff;
			box-shadow: 0 3px 18px rgba(100, 0, 0, .5);
			font-size: 16px;
		}
		.close{
			background-color: white;
			border: none;
			font-size: 18px;
			margin-left: 410px;
			margin-top: -10px;
		}

		.layui-input{
			border-radius: 5px;
			width: 300px;
			height: 40px;
			font-size: 15px;
		}
		.layui-form-item{
			margin-left: -20px;
		}
		#logoid{
			margin-top: -16px;
			padding-left:150px;
			padding-bottom: 15px;
		}
		.layui-btn{
			margin-left: -50px;
			border-radius: 5px;
			width: 350px;
			height: 40px;
			font-size: 15px;
		}
		.verity{
			width: 120px;
		}
		.font-set{
			font-size: 13px;
			text-decoration: none;
			margin-left: 120px;
		}
		a:hover{
			text-decoration: underline;
		}
		body {background-image: url(lib/img/back.jpg);
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			width: 100vw;
			height: 100vh;
		}
	</style>
</head>
<body  >
<form class="layui-form" action="" method="post">
	<div class="container"style="background-color:transparent;">
		<div class="layui-form-mid layui-word-aux" style="text-align:center;margin-top: 40px" >
			<label class="layui-form-label" style="font-size: 40px;width:280px;color: white;margin-bottom:20px">用户登录</label>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="color: white">用户名</label>
			<div class="layui-input-block">
				<input type="text"  id="account" name="title" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="color: white">密 &nbsp;&nbsp;码</label>
			<div class="layui-input-inline">
				<input type="password" id="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
			</div>
			<!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input class="layui-btn" type="button" id="tj"  value="登&nbsp;&nbsp;陆"></input>
			</div>
		</div>
	</div>
</form>
<script  type="text/javascript">
	layui.use(['form', 'layedit','layer','laydate'], function(){
		var form = layui.form
				,layer = layui.layer
				,layedit = layui.layedit
				,laydate = layui.laydate;

	});


	//监听提交
	$('#tj').on("click",function(){
		var account=$("#account").val();
		var password=$("#password").val();
		$.ajax({
			url:'/backstage/selectAlManage',
			type: 'POST',
			data: {
				manageAccount:account,
				managePassword:password
			},
			success:function(res){
				console.log(res)
				if (res.status == 200) {
					location.href="index.html";
				} else {
					layer.msg(res.msg,{icon: 5,time:1500,end:function() {
						}
					});
				}
			}
		});
	});
</script>
</body>
</html>
